<!DOCTYPE html>
<html>
<head>
    <% include ../common/meta.ejs %>
    <% include ../common/public.ejs %>
</head>
<body>
<% include ../common/header.ejs %>

<div class="container">
    <div class="dolphin-row main page-content">
        <div class="page-header">
            <h5 class="content-title">新闻管理</h5>
            <div class="pull-left">
                <ul class="fl">
                    <li>
                        <button class="btn btn-block btn-info add_new"><i class="fui-plus-circle icon-menu"></i>
                            <span>新建类别</span>
                        </button>
                    </li>
                </ul>
            </div>
        </div>
        <div class="dolphin-col-24">
            <div class="dolphin-row">
                <div class="dolphin-col-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="panel-title">
                                类别树
                            </div>
                        </div>
                        <div class="panel-body">
                            <div id="categoryTree"></div>
                        </div>
                    </div>
                </div>
                <div class="dolphin-col-20" id="infoPanel">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <div class="panel-title">
                                <h3 class="panel-title">
                                    <i aria-hidden="true" class="fa fa-table fa-lg"></i>
                                    新闻明细列表
                                </h3>
                                <div class="operationButton" style="float: right;margin-top:-26px;margin-right: -15px;">
                                    <div class="btn-group float-right" role="group">
                                        <button type="button" class="btn btn-success btn-sm" id="articleAdd">新增</button>
                                        <button type="button" class="btn btn-warning btn-sm" id="articleUpdate">修改
                                        </button>
                                        <button type="button" class="btn btn-danger btn-sm" id="articleDel">删除</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="itemList"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">新增类别</h4>

            </div>
            <div class="modal-body">
                <form id="categoryForm" class="form-horizontal">
                    <input type="hidden" name="parent.id"/>
                    <input type="hidden" name="id"/>
                    <div class="dolphin-row">
                        <div class="dolphin-col-24">
                            <div class="form-group">
                                <label class="dolphin-col-6 control-label">类别编码</label>
                                <div class="dolphin-col-18">
                                    <input type="text" class="form-control" name="code"/>
                                </div>
                            </div>
                        </div>
                        <div class="dolphin-col-24">
                            <div class="form-group">
                                <label class="dolphin-col-6 control-label">类别名称</label>
                                <div class="dolphin-col-18">
                                    <input type="text" class="form-control" name="name"/>
                                </div>
                            </div>
                        </div>
                        <div class="dolphin-col-24">
                            <div class="form-group">
                                <label class="dolphin-col-6 control-label">
                                    备注
                                </label>
                                <div class="dolphin-col-18">
                                    <textarea class="form-control" style="height: 100%;" name="remark" cols="2"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary modelSave">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

<% include ../common/footer.ejs %>
</body>
</html>
